* {
    padding: 0;
    margin: 0;
}


ul {
    list-style: none;
}

a{
    text-decoration: none;
    color: #000;
}

/*外框*/
#wrap {
	width:100%;
	min-width:1125px;
    display:flex;/*设为伸缩容器*/  
    flex-flow:column; 
}

/*头*/
#header {
    height: 295px;
    position: relative;
	background:url(http://jssy.org.cn/template/1/Jiangsu_Institute_of_socialism/images/banner.gif) top center no-repeat;
	background-size: 100% 100%;
	
}

/*横幅*/
#top-logo{
    height: 50px;
    position: absolute;
	z-index: 2;


}

/*图标Logo*/
#logo{
    margin-left: 28px;
	padding-top: 5px;
}

#logo img{
    width: 80px;
    height: 80px;
}


#banner{
    position: absolute;
    height: 295px;
    z-index: 1;
	
}

.container{
	height:70px;
	width:800px;
	margin:100px auto 0 auto;
}

.parent{
	position:relative;
}

.search{
	width:300px;
	height:40px;
	border-radius:18px;
	outline:none;
	border:1px solid #ccc;
	padding-left:20px;
	position:absolute;
	
}
/*   background:url(http://www.jssy.org.cn/template/1/Jiangsu_Institute_of_socialism/images/search.png) no-repeat -2px -99px;   */
.btn{
	height:40px;
	width:40px;
	position:absolute;
	
	top:6px;
	left:285px;
	border:none;
	outline:none;
	cursor:pointer;
}



#nav {
    height: 54px;
    box-shadow: 0 7px 5px -5px #999999;
	flex:1;
}

#nav-center {
    width: 1125px;
    margin: auto;
    height: 54px;
}

.index {
    background: #CF0000;
}

.index a{
    color: #ffffff;
}

#nav ul{
    display: flex;
    flex-direction: row;
}

#nav ul li {
    width: 200px;
    height: 54px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
}

#nav ul li a{
    height: 54px;
    display: block;
}

#nav ul li a:hover{
    color: white;
}

#nav ul li:hover{
    background: #CF0000;
    color: white;
    cursor: pointer;
}

#center {
    width: 1125px;
    margin: auto;
	
}


/*主体*/
#main {
    padding-top: 30px;
    position: relative;
	flex:1;
}


/*主体头部*/
#top {
    height:441px;

}

/*大标题*/
#headlines{
	width:1125px; padding-bottom: 20px;
	
}

#headlines img{
	float:left;
	width:60px;
	height:60px;
}

#headlines-title{
	width:900px; min-height: 80px;
	margin:auto;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  
}


#headlines-title a p{
	font-size:36px;
	font-weight:bold;
	text-align:center;

}

#headlines-title a p:hover{
	color:#CF0000;
}


/*左边部分*/
#left{
    width: 501px;
    height: 441px;
    float: left;
	padding-bottom:30px;

}

/*大轮播图*/
.box{
    width: 501px;
    height: 331px;
    float: left;

}


/*小轮播图*/
#window{
    width: 501px;
    height: 110px;

}




/*中间部分*/
#middle{
    width: 360px;
    height: 441px;
    float: left;
	padding-bottom:30px;

}

/*社院要闻*/
#focusNews{
    width: 360px;
    height: 221px;
    position: relative;
}

#focusNews-logo{
    width: 10px;
    height: 25px;
    background: #CF0000;
    position:absolute;
    float: left;
    top: 15px;
    left: 20px;

}

#focusNews-title{
    float: left;
    position:absolute;
    top: 15px;
    left: 40px;
}

#focusNews-title span{
    width: 80px;
    height: 25px;
    color: #CF0000;
    font-size: 20px;
    font-weight: bold;

}

#focusNews-more{
    position:absolute;
    top: 20px;
    right: 10px;
}

#focusNews-more span{
    width: 57px;
    height: 20px;
    color: #CF0000;

}
	

#focusNews-text{
    width: 348px;
    height: 170px;
    position:absolute;
    top: 50px;
    left: 20px;
}

#focusNews-text ul li{
    width: 332px;
    height: 19px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

#focusNews-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}




/*统战要闻*/
#importantNews{
    width: 360px;
    height: 50px;
    position: relative;

}

#importantNews-logo{
    width: 10px;
    height: 25px;
    position:absolute;
    background: #CF0000;
    float: left;
    top: 15px;
    left: 20px;

}

#importantNews-title{
    float: left;
    position:absolute;
    top: 15px;
    left: 40px;
}

#importantNews-title span{
    width: 80px;
    height: 25px;
    color: #CF0000;
    font-size: 20px;
    font-weight: bold;

}

#importantNews-more{
    position:absolute;
    top: 20px;
    right: 10px;
}

#importantNews-more span{
    width: 57px;
    height: 20px;
    color: #CF0000;

}

#importantNews-text{
    width: 348px;
    height: 170px;
    position:absolute;
    top: 50px;
    left: 20px;
}

#importantNews-text ul li{
    width: 332px;
    height: 19px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#importantNews-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}



/*右边部分*/
#right{
    width: 258px;
    height: 441px;
    float: left;
    position: relative;
	padding-bottom:30px;
}

/*通知公告*/
#notice{
    width: 258px;
    height: 158px;

}

#notice-logo img{
    width: 25px;
    height: 25px;
    position:absolute;
    float: left;
    top: 15px;
    left: 10px;
}

#notice-title{
    float: left;
    position:absolute;
    top: 15px;
    left: 45px;
}

#notice-title span{
    width: 80px;
    height: 25px;
    color: #CF0000;
    font-size: 20px;
    font-weight: bold;

}

#notice-more{
    position:absolute;
    top: 20px;
    right: 10px;
}

#notice-more span{
    width: 57px;
    height: 20px;
    color: #CF0000;

}

#notice-text{
    width: 247px;
    height: 103px;
    position:absolute;
    top: 50px;
    left: 10px;

}

#notice-text ul li{
    width: 247px;
    height: 19px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#notice-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}

/*院长信箱（实际是网上课堂），开始于top: 160px*/
#mailBox{
    width: 238px;
    height: 60px;
    background: #CF0000;
    border-radius: 5px;
    position:absolute;
    left: 10px;


}

#mailBox p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;

}

/*我要投稿*/
#contribute{
    width: 238px;
    height: 60px;
    background: #CF0000;
    border-radius: 5px;
    position:absolute;
    /*top: 216px;*/
    left: 10px;
}

#contribute p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
}


/*学员服务（弃用）*/
#studentService{
    width: 114px;
    height: 60px;
    border-radius: 5px;
    position:absolute;
    top: 300px;
    left: 10px;
    border: 1px solid #272727;
}


#studentService p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;

}

/*培训服务*/
#trainService{
    width: 238px;
    height: 60px;
    background: #CF0000;
    border-radius: 5px;
    position:absolute;
    top: 230px;
    /*top: 272px;*/
    right: 10px;
   

}

#trainService p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
}


/*智慧校园综合管理平台*/
#platform{
   width: 238px;
    height: 60px;
    background: #CF0000;
    border-radius: 5px;
    position:absolute;
    top: 300px;
    /*top: 328px;*/
    right: 10px;

}

#platform p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;

}

/*智慧方志*/
#jssdfz{
   width: 238px;
   /*height: 48px;*/
    height: 60px;
    background: #CF0000;
    border-radius: 5px;
    position:absolute;
    top: 370px;
    /*top: 384px;*/
    right: 10px;

}

#jssdfz p{
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;

}

/*专题*/
#container {
    width: 1125px;
    height: 100px;
	

}

/*专题一,二,三*/
.special{
    width: 265px;
    height: 100px;
    margin-right: 21px;
    float: left;
	padding-bottom:20px;
}

.special img{
    width: 265px;
    height: 100px;
}

/*专题四*/
.special2{
    width: 265px;
    height: 100px;
    float: right;
	padding-bottom:20px;
}

.special2 img{
    width: 265px;
    height: 100px;
}

/*教学培训等栏目*/
#columns1 {
    width: 1125px;
    height: 435px;

}



/*教学培训*/
#teaching{
    width: 418px;
    height: 435px;
    float: left;
    position: relative;
	 padding-bottom:20px;
	
}


#teaching-title{
    width: 418px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#teaching-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#teaching-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#teaching-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#teaching-picture{
    width: 418px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#teaching-picture  img{
    width: 418px;
    height: 267px;

}

#teaching-text{
    width: 418px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#teaching-text ul li {
    width: 418px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#teaching-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}


/*科研工作*/
#research{
    width: 418px;
    height: 435px;
    float: left;
    margin-left: 19px;
    position: relative;
	 padding-bottom:20px;
}

#research-title{
    width: 418px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#research-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#research-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#research-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#research-picture{
    width: 418px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#research-picture  img{
    width: 418px;
    height: 267px;

}

#research-text{
    width: 418px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#research-text ul li {
    width: 418px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#research-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}

/*学报*/
#journal{
    width: 245px;
    height: 267px;
    float: right;
    position: relative;
	 padding-bottom:20px;

}

#journal-title{
    width: 245px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#journal-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 15px;
    left: 5px;
}

#journal-picture img{
    width: 245px;
    height: 360px;
    margin-top: 24px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#journal-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}



/*文化交流等专栏*/
#columns2{
    width: 1125px;
    height: 435px;
}

/*文化交流*/
#culture{
    width: 418px;
    height: 435px;
    float: left;
    position: relative;
	 padding-bottom:30px;
}

#culture-title{
    width: 418px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#culture-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#culture-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#culture-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#culture-picture{
    width: 418px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#culture-picture  img{
    width: 418px;
    height: 267px;

}

#culture-text{
    width: 418px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#culture-text ul li {
    width: 418px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#culture-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}



/*学员风采*/
#student{
    width: 418px;
    height: 435px;
    float: left;
    margin-left: 19px;
    position: relative;
	 padding-bottom:30px;
}


#student-title{
    width: 418px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#student-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#student-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#student-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#student-picture{
    width: 418px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#student-picture  img{
    width: 418px;
    height: 267px;

}

#student-text{
    width: 418px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#student-text ul li {
    width: 418px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#student-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}


/*雅集*/
#scholars{
    width: 245px;
    height: 435px;
    float: right;
    position: relative;
	 padding-bottom:30px;
}

#scholars-title{
    width: 245px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#scholars-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 15px;
    left: 5px;
}


#scholars-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#scholars-text img{
    width: 245px;
    height: 360px;
    margin-top: 24px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}



/*队伍建设等专栏*/
#columns3{
    width: 1125px;
    height: 435px;
	padding-bottom:20px;
}

/*队伍建设*/
#build{
    width: 360px;
    height: 435px;
    float: left;
    position: relative;

}

#build-title{
    width: 360px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#build-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#build-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#build-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#build-picture{
    width: 360px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#build-picture  img{
    width: 360px;
    height: 267px;

}

#build-text{
    width: 360px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#build-text ul li {
    width: 360px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#build-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}


/*后勤保障*/
#logistics{
    width: 360px;
    height: 435px;
    float: left;
    margin-left: 19px;
    position: relative;

}

#logistics-title{
    width: 360px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#logistics-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#logistics-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#logistics-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#logistics-picture{
    width: 360px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#logistics-picture  img{
    width: 360px;
    height: 267px;

}

#logistics-text{
    width: 360px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#logistics-text ul li {
    width: 360px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#logistics-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}




/*机关党建*/
#office{
    width: 360px;
    height: 435px;
    float: right;
    position: relative;

}


#office-title{
    width: 360px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#office-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#office-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#office-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#office-picture{
    width: 360px;
    height: 267px;
    position:absolute;
    top: 74px;
	 box-shadow: darkgrey 3px 3px 5px 3px ;
}

#office-picture  img{
    width: 360px;
    height: 267px;

}

#office-text{
    width: 360px;
    height: 105px;
    position:absolute;
    top: 340px;
}

#office-text ul li {
    width: 360px;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#office-text ul li ::before{
    content: "•";
    padding-right: 5px;
    color: rgb(89, 89, 89);
}

/*视觉在线等专栏*/
#columns4{
    width: 1125px;
    height: 250px;
    position: relative;
	padding-bottom:20px;
	
}

/*视觉在线*/
#vision{
    width: 1125px;
    height: 437px;
    position:absolute;
    top: 40px;

}

#vision-title{
    width: 1125px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#vision-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#vision-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#vision-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#vision-text ul li img{
    width: 261px;
    height: 175px;
    float: left;
    margin-top: 20px;
    margin-right: 20px;
}

#columns5{
    width: 1125px;
    height: 200px;
    position: relative;
}



/*纪检监察*/
#supervision{
    width: 1125px;
    height: 200px;
    position:absolute;
    top: 15px;
	padding-bottom:20px;

}

#supervision-title{
    width: 1125px;
    height: 49px;
    border-bottom: 2px solid #C0C0C0;

}

#supervision-title span{
    position:absolute;
    font-size: 20px;
    font-weight: bold;
    top: 13px;
    left: 5px;
}

#supervision-logo{
    width: 90px;
    height: 5px;
    background: #CF0000;
    position:absolute;
    top: 46px;
}

#supervision-more span{
    position:absolute;
    top: 20px;
    right: 5px;

}

#supervision-text{
    width: 1125px;
    height: 150px;
    position:absolute;
    top: 70px;

}

/*红线*/
#line{
    width: 1125px;
    height: 7px;
    margin-top: 35px;
    background: #CF0000;
}

/*链接*/
#link{
    width: 1125px;
    height: 157px;
    padding-top: 35px;

}

.tab{
    width: 1125px;
    height: 36px;

}

.tab .tab-item{
    width: 123px;
    height: 36px;
    float: left;
    border: 1px solid #C0C0C0;
    border-radius:5px 5px 0 0;

}

.tab li{
    position: relative;
    float: left;
    width: 80px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border-top:4px solid #fff;

}

.tab li.active{
    background:#CF0000;
    color:white;

}

#link .main{
    float: left;
    display: none;

}

#link .main a{
    margin-top: 12px;
    font-size: 13px;
    margin-right: 25px;
    float: left;

}

#link .main.selected{
    display: block;

}



/*底部*/
#footer{
    width: 1125px;
    height: 114px;
	background:#CD0000;
	color:white;
}

#footer a{
	color:white;
}

#footer-main{
    width: 900px;
    height: 114px;
    margin: auto;
	float:left;
}

#footer-code{
	width:200px;
	height:114px;
	float:right;
	
}

#footer-code img{
	width:70px;
	height:70px;
	padding-top:10px;
	margin-right:20px;
	
}

#code {
    width: 188px;
    height: 30px;
    margin-left: -13px;
    display: flex;
    justify-content: space-between;
}

#code p{
	font-size:10px;
}


#footer-main p{
    text-align: center;
    line-height: 50px;

}